body 
{ 
    font-size: 12px; 
    line-height: 120%; 
    text-align: center; 
    color:#333; 
    padding: 20px;
}

a 
{ 
    color: #333; 
    text-decoration: none;
}

a:hover 
{ 
    text-decoration: underline;
}

* { margin: 0; padding: 0; border: none;}

.clearfix:after 
{ 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { *height:1%;}

#list
 { 
     margin: 0 auto; 
     text-align: left; 
     width: 540px;
}
.box 
{ 
    border-top: 1px solid #eee; 
    position: relative;  
    width: 540px; 
    padding: 20px 0;
}

.box:hover .close 
{ display: block;}

.close 
{ 
    display: none; 
    top:0px; 
    right: 0px; 
    width: 28px; 
    height: 28px; 
    border: 1px solid #eee; 
    position: absolute; 
    background: #f2f4f7; 
    line-height: 27px; 
    text-align: center;
}

.close:hover 
{ background: #c8d2e2; text-decoration: none;}

.head 
{ 
    float: left; 
    width: 60px; 
    height: 60px; 
    margin-right: 10px;
}

.content { float: left; width: 440px;}

.main { margin-bottom: 10px;}

.txt { margin-bottom: 10px;}

.user { color: #369; }

.info { height: 20px; line-height: 19px; font-size: 12px; margin: 0 0 10px 0;}
/* .info .time { color: #ccc; float: left; height: 20px; padding-left: 20px; background: url("images/bg1.jpg") no-repeat left top;} */


.comment-box 
{ 
    padding: 10px 0; 
    border-top: 1px solid #eee;
}

.comment-box:hover 
{ background: rgb(247, 247, 247);}

.comment-box .myhead { float: left; width: 30px; height: 30px; margin-right: 10px;}

.comment-box .comment-content { float: left; width: 400px; }

.comment-box .comment-content .comment-time 
{ 
    color: #ccc; 
    margin-top: 3px; 
    line-height: 16px; 
    position: relative;
}

.comment-box .comment-content .comment-operate { 
    display: none; 
    color: #369; 
    height: 20px;  
    position: absolute; 
    bottom: 0px; 
    right: 10px;
}
.comment-box .comment-content:hover .comment-praise { display: inline-block;}
.comment-box .comment-content:hover .comment-operate { display: inline-block;}
.text-box .comment { 
    border: 1px solid #eee; 
    display: block; 
    height: 15px; 
    width: 428px; 
    padding: 5px; 
    resize: none; 
    color: #ccc;
}
.text-box .btn { 
    font-size: 12px; 
    font-weight: bold; 
    display: none; 
    float: right; 
    width: 65px; 
    height: 25px; 
    border: 1px solid #0C528D; 
    color: #fff; 
    background: #4679AC;
    cursor: pointer;
}

.text-box .btn-off { border: 1px solid #ccc; color: #ccc; background: #F7F7F7;}
.text-box .word{ display: none; float: right; margin: 7px 10px 0 0; color: #666;}
.text-box-on .comment{ height: 50px; color: #333;}
.text-box-on .btn{ display: inline;}
.text-box-on .word{ display: inline;}